<!-- 
        作者：dailc 
        时间：2016-05-24
        描述：使用示例 首页
   本示例中,css一律采用link方式手动引入,js除了sea.js意外,全部动态引入
  所有框架的工具类,统一使用别名方式引用
  注意:不要重新再次定义base,要不然会有冲突
-->
<!DOCTYPE html >
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<!--之所以在头部引入了js,是因为这个js是一个全局配置文件,通过这个js动态写入的js和css可以用来控制缓存是否过期
			一般情况下,如果要考虑缓存,都要这么使用
			下面那个通过write写入配置文件,保证每次配置文件都是最新的
		-->
		<script>
			document.write("<script type='text/javascript' src='../../js/core/RayApp/cacheControl.config.js?" + Math.random() + "'></scr" + "ipt>");
		</script>
		<script>
			SrcBoot.output([
				'css/mui.min.css',
				'css/mui.picker.min.css',
				'css/common/common.css',
				'css/common/common_list.css',
				'css/iconfont.css',
				'css/index.css'
			]);
		</script>
		<style>
			.mui-table-view {
				margin-bottom: 51px;
			}
			
			.small-title {
				font-size: 8px;
				color: lightgray;
			}
			
			.mui-grid-view.mui-grid-9 .mui-table-view-cell {
				padding-left: 0px;
				padding-right: 0px;
			}
			
			.mui-table-view.mui-grid-view .mui-table-view-cell .big-title {
				font-size: 13px;
				color: gray;
			}
			
			.home-icon {
				width: 42px;
				height: 37px;
			}
			
			.me-icon {
				width: auto;
				height: 18px
			}
		</style>
	</head>

	<body>
		<!-- 标题 -->
		<header id="header" class="mui-bar mui-bar-nav bg-blue">
			<h1 id="title" class="mui-title">RayApp使用示例</h1>
			<a id="info" class="mui-icon mui-icon-info-filled mui-pull-right"></a>
		</header>
		<div class="mui-content">
			<div id="home" class="mui-control-content mui-active homepage-fullscreen">
				<header class="mui-bar mui-bar-nav">
					<h1 class="mui-title">共享学车</h1>
					<img class="homepage-logo" src="../../img/192x192.png" />
					<label class="mui-icon mui-icon-chat mui-pull-right" style="color:gray"></label>
				</header>
				<div class="mui-scroll-wrapper abc-scrool" style="top: 45px;">
					<div class="mui-scroll">
						<div id="gallerySlider">
						</div>
						<div id="admin_about" style="display:flex;background: white;margin: 10px;border-radius: 5px;">
							<img style="height: 80px;margin-left: 5px;" src="../../img/80x80.png" />
							<div style="display:flex;margin-left: 10px;flex-direction: column;justify-content: center;">
								<p style="text-align:left;font-size: 15px;color: orange;margin-bottom: 0px;">关于我们</p>
								<p style="font-size: 12px;color: black;margin-bottom: 0px;">一个可以随时随地，自我做主的学车新模式</p>
							</div>
						</div>
						<ul class="mui-table-view mui-grid-view mui-grid-9">
							<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6" style="padding: 10px;" operate='rule'>
								<a href="#">
									<img class="mui-pull-left" src="../../img/admin/left.png" />
									<div class="mui-content">
										<p style="font-size: 15px;color: black;">服务准则</p>
										<p style="font-size: 12px;color: black;">规范教学,提升服务水平</p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6" style="padding: 10px;" operate='locate'>
								<a href="#">
									<img class="mui-pull-left" src="../../img/admin/right.png" />
									<div class="mui-content">
										<p style="font-size: 15px;color: black;">签到</p>
										<p style="font-size: 12px;color: black;">教练每天上班需要签到</p>
									</div>
								</a>
							</li>
						</ul>
						<ul id="home_record" class="mui-table-view record_list">
						</ul>
					</div>
				</div>

			</div>
			<div id="phone" class="mui-control-content">
				<header class="mui-bar mui-bar-nav">
					<h1 class="mui-title">教学记录</h1>
					<img class="homepage-logo" src="../../img/logo.png" />
					<label class="mui-icon mui-icon-chat mui-pull-right" style="color:gray"></label>
				</header>
				<button id="currentDate" type="button" class="mui-btn mui-btn-blue mui-btn-block" onclick="showPicker()">2222</button>
				<ul id="teachRecord" class="mui-table-view record_list">
				</ul>
			</div>
			<div id="exam" class="mui-control-content homepage-fullscreen">
				<header class="mui-bar mui-bar-nav">
					<h1 class="mui-title">服务评价</h1>
					<img class="homepage-logo" src="../../img/logo.png" />
					<label class="mui-icon mui-icon-chat mui-pull-right" style="color:gray"></label>
				</header>
				<div id="pullrefresh" class="mui-scroll-wrapper" >
					<div class="mui-scroll">
						<!--数据列表-->
						<ul class="mui-table-view" id="listdata" style="margin-top: 45px;">
							
						</ul>
					</div>
				</div>
			</div>
			<div id="me" class="mui-control-content" style="background: white;">
				<header class="mui-bar mui-bar-nav">
					<h1 class="mui-title">共享学车</h1>
					<img class="homepage-logo" src="../../img/logo.png" />
					<label class="mui-icon mui-icon-chat mui-pull-right" style="color:gray"></label>
				</header>
				
				<p style="text-align: center;padding-top: 10px;padding-bottom: 10px;">
					<img id="headPhoto" width="40px" height="40px" style="border-radius: 40px;"/>
				</p>
				<p id="teacher" style="text-align: center;"></p>
				<p id="teacher1" style="text-align: center;"></p>
				<p id="teacher2" style="text-align: center;"></p>
				<p id="teacher3" style="text-align: center;"></p>
				<div class="change" style="padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
					<button id="change" type="button" class="mui-btn mui-btn-yellow mui-btn-block" style="margin-top: 20px;">修改密码</button>
				</div>
				
				<div class="change" style="padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
					<button id="exit" type="button" class="mui-btn mui-btn-yellow mui-btn-block" style="margin-top: 20px;">退出</button>
				</div>
			</div>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#home">
				<span class="mui-icon iconfont icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#phone">
				<span class="mui-icon mui-icon-download"></span>
				<span class="mui-tab-label">教学记录</span>
			</a>
			<a class="mui-tab-item" href="#exam">
				<span class="mui-icon mui-icon-compose"></span>
				<span class="mui-tab-label">服务评价</span>
			</a>
			<a class="mui-tab-item" href="#me">
				<span class="mui-icon iconfont icon-me"></span>
				<span class="mui-tab-label">个人</span>
			</a>
		</nav>
	</body>
	<!-- 通用js,sea.min和sea.config基本是不会变的,所以可以不用考虑缓存
		这里演示如果需要手动写入应该是一个怎么样的形式
		首先必须用两个script标签,这样才能确保在第二个标签里面的 seajs 可以适应
		正常情况下,这两个脚本应该是正常的script标签引用,不必考虑缓存问题
		可以试下使下面注释的内容生效,并将下面两个script标签引入内容注释
	-->
	<!--<script src="../js/core/sea.min.js"></script>
	<script src="../js/core/RayApp/sea.config.js" ></script>-->
	<script>
		SrcBoot.outSeaConfig();
	</script>
	<script>
		seajs.use('js/bizlogic/admin/index.js');
	</script>

</html>